<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>敏感信息分析系统</title>
	<%@ include file="/common/header.jsp" %>
	<link href="${ctx}/css/login.css" type="text/css" rel="stylesheet" /> 
</head>
<body>
<!--hearer-->
<div class="login_top_wrapper">
	<div class="login_top">
    	<ul><li><img src="${ctx}/images/login/login_logo.jpg" /></li></ul>
        <!--
        <ul><li style="line-height:56px;">|</li></ul>
        -->
        <ul><li style="padding-left:5px; line-height:60px; line-height:63px\9;">敏感信息分析系统</li></ul>
    </div> 
</div> 
<!--header end-->
<form method="post" action="<c:url value='/auth'/>" id="loginForm" onsubmit="return validateForm(this);">
	<div class="login_container_wrapper">
		<div class="login_container">
	    	 <h1>
	         	<ul>
	                <li><img src="${ctx}/images/login/login_user.jpg" /></li>
	                <li>用户名：</li>
	                <li style="margin-right:15px;"><input name="j_username" id="j_username" tabindex="1" type="text" class="textarea_user"></li>
	            </ul>
	        </h1>
	      	<h2>
	        	<ul style="clear:both;">
	            	<li><img src="${ctx}/images/login/login_password.jpg" /></li>
	                <li>密&nbsp;&nbsp;码：</li>
	                <li style="margin-right:15px;"><input name="j_password" id="j_password" id="j_password" type="password" class="textarea_password" style="font-size:12px;"></li>
	            </ul>
	        </h2>
	        <h3>
	        	<ul>
	            	<li style="text-align:center; line-height:32px; font-size:14px; font-weight:bold;"><a onclick="validateForm();">登&nbsp;录</a></li>
	            </ul>
	        </h3>
	    </div>
	</div>
</form>
<!-- foot-->
<div class="login_footer_wrapper">
	<div class="login_footer"></div>
</div>
<!--foot end-->

<script type="text/javascript">
	  <c:if test="${not empty param.error}">
	   		alert('用户名或密码错!');  
	  </c:if>
	 document.getElementById("j_username").focus();
     function validateForm() {
	      if("" == document.getElementById("j_username").value){
				alert("用户名不可以为空！");
				document.getElementById("j_username").focus();
				return false;
		  }                                                            
	      if("" == document.getElementById("j_password").value){
				alert("用户密码不可以为空！");
				document.getElementById("j_password").focus();
				return false;
		  }                                                            
		  document.getElementById("loginForm").submit();
	      return true; 
     } 
  </script>
</body>
</html>